<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // 同步: 按顺序 按步骤执行 => 前面的执行完,后面的才会执行 
    // 异步: 同时执行也叫并发  setTimeout  setInterval  ajax

    // for (var i = 1; i <= 6; i++) {
    //     console.log(i);
    // }

    // 假如代码以同步执行:  循环6次 => 每次需要等待1s  => 6s   => 浪费时间

    // 异步:  只是循环启动了延时器,并不等待延时器执行, 而是直接执行后续的代码 => 延时器到计时1s后自动执行

    console.time("a");
    for (var i = 1; i <= 6; i++) {
        setTimeout(function () {
            console.log(i);
        }, 1000);
    }
    console.log("循环结束:", i); // 7
    console.timeLog("a");

    // JS是单线程的  => 同一时间只能完成一件事  => JS如何实现异步操作?




</script>

</html>